<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<html>
<head>
<%@ include file="../common/include/include.jsp"%>
<LINK href="../jquery/jquery.jqplot.css" type=text/css rel=stylesheet>
<script type="text/javascript" src="../js/jquery/excanvas.js"></script>
<script type="text/javascript" src="../js/jquery/jquery.jqplot.js"></script>
<script type="text/javascript"
	src="../js/jquery/plugins/jqplot.pieRenderer.js"></script>
<title>chart</title>
<script type="text/javascript" language="javascript">
  
  $(document).ready(function(){
   
 line1 = [['frogs', 23], ['buzzards', 7], ['deer', 2.5], ['turkeys', 6], ['moles', 5], ['ground hogs', 4]];
    plot1 = $.jqplot('chart', [line1], {
        title:'pieRenderer ',//设置饼状图的标题
        seriesDefaults: {fill: true, 
         showMarker: false, 
         shadow: false,
         renderer:$.jqplot.PieRenderer,
         rendererOptions:{
            diameter: undefined, // 设置饼的直径
            padding: 20,        // 饼距离其分类名称框或者图表边框的距离，变相该表饼的直径
            sliceMargin: 9,     // 饼的每个部分之间的距离
            fill:true,         // 设置饼的每部分被填充的状态
            shadow:true,       //为饼的每个部分的边框设置阴影，以突出其立体效果
            shadowOffset: 2,    //设置阴影区域偏移出饼的每部分边框的距离
            shadowDepth: 5,     // 设置阴影区域的深度
            shadowAlpha: 0.07   // 设置阴影区域的透明度
          }
         },
        legend:{
         show: true,		//设置是否出现分类名称框（即所有分类的名称出现在图的某个位置）
         location: 'ne',     // 分类名称框出现位置, nw, n, ne, e, se, s, sw, w.
         xoffset: 12,        // 分类名称框距图表区域上边框的距离（单位px）
         yoffset: 12        // 分类名称框距图表区域左边框的距离(单位px)
        }
        
    });

  });
  </script>
</head>
<body>
	<div id="chart"
		style="margin-top: 20px; margin-left: 20px; width: 460px; height: 500px;"></div>
</body>
</html>
